<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobile Web 应用程序</title>

    <!-- css -->
    <link href="css/jquery.mobile-1.4.0.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/jquery.mobile.datepicker.css" rel="stylesheet" type="text/css"/>
    <link href="css/my.css" rel="stylesheet" type="text/css"/>

    <!-- js -->
    <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>

    <script src="js/constant.js" type="text/javascript"></script>
    <script src="js/yhyjFilter.js" type="text/javascript"></script>

    <script type="text/javascript">
        initYhLevel();
        initYhType();
    </script>
</head>
<body>
<div id="yhyj-filter" data-close-btn="right">
    <div data-role="header">
        <h1>过滤隐患依据</h1>
    </div>

    <div data-role="content">
        <label for="yhyjLevel">隐患级别</label>
        <select id="yhyjLevel"></select>

        <label for="yhyjType">隐患类型</label>
        <select id="yhyjType"></select>

        <label for="yhyjText">文字描述</label>
        <input type="text" placeholder="可以输入条件对隐患依据进行过滤" id="yhyjText">

        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline"
           onclick="filterYhyj()">过滤</a>

        <label for="yhyjList">过滤结果</label>
        <select id="yhyjList"></select>

        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline"
           onclick="returnYhyj()">确定</a>
    </div>
</div>
</body>
</html>